<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta charset="utf-8">
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
	<title>查看邮件</title>
	<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js?v=${el:getVersion()}"></script>
</head>
<body class="easyui-layout" style="margin: 0;padding: 0;overflow: hidden;">
<style type="text/css">
	.email-head{
		list-style: none;
		padding-left: 0;
	}
	.email-head li{
		margin-bottom: 3px;
	   /* margin-top: 8px;*/
	    position: relative;
	    clear: both;
	}
	.top-file-block{
		/*display: none;*/
	}
	.iI0 {
		color: #848484;
	    position: absolute;
	    left: 0;
	    top: 3px;
	}
	.hX0 {
	    padding-left: 48px;
	    min-height: 24px;
	    line-height: 23px;
	}
	.reply-block{
		height: 80px;background: #ffffe1;color: #666;padding: 8px 18px;border: 1px solid #e0e0e0;margin-top: 10px;display: none;
	}
	.file-inner{
		margin-top: 10px;
		clear: both;
    	display: table;
	}
	.file-list-block {
		display: none;
	}
	.file-list-block .file-block{
		height: 50px;width:500px;float:left;
	}
	.file-list-block .icon-img{
		float: left;
	}
	.file-list-block .file-detail-block{
		float: left;padding-left: 10px;
	}
	.file-detail-block .file-name{
		width: 310px;height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
	}
	.ev .e-handle-block{
		height: 36px;
		padding: 20px 0px 10px 0px;
	}
	.ev .e-handle-block .e-btn-block{
		border-radius: 3px;float: left;height: 30px;width:80px;border: 1px solid #DCDADA;line-height: 30px;text-align: center;
	}
	.ev .e-handle-block .e-btn-block .e-btn{
		font-size: 14px;color: #777; display: block; cursor:pointer;background-color:#fff;color: #398DEE;
	}
	.e-email-block{
		float: left;
	}
	.nui-editableAddr {
		margin-right: 0;
	    margin-top: 7px;
	    overflow: hidden;
	    float: left;
	    margin: 0 5px 0 0;
	    white-space: nowrap;
	    max-width: 465px;
	    height: 12px;
	    font-size: 12px;
	}
	.nui-addr {
	    cursor: pointer;
	    border-radius: 17px;
	    border-style: solid;
	    border-width: 1px;
	    height: 15px;
	    line-height: 15px;
	    padding: 2px 9px;
	    color: #7F7F7F;
	    outline: 0;
	    border-color: #C2D4E3;
	    background-color: #e8f0f7;
	}
	.nui-addr-hasAdd {
	    position: relative;
	    padding-right: 25px;
	}
	.nui-editableAddr em{
	    font-style: normal;
	    text-decoration: none;
	}
	.nui-editableAddr .nui-addr-name{
		display: inline-block;
	    vertical-align: middle;
	    font-weight: 400;
	    color: #333;
	    vertical-align: top;
	}
	.nui-addr-add {
	    position: absolute;
	    right: -2px;
	    top: -1px;
	    display: inline;
	    text-decoration: none;
	    font-family: verdana;
	    border-radius: 0 17px 17px 0;
	    font-weight: 700;
	    padding: 2px 5px 2px 3px;
	    border-width: 1px;
	    border-style: solid;
	    color: #C2D4E3;
	    border-color: #C2D4E3;
	    background-color: #e8f0f7;
	}
	.ev .e-handle-block .e-btn-block .e-btn:hover{
		background-color: #EDEFF0;
	}
	.ev .line-border{
		border-color: #E9ECEF;border-width: 0 0 1px;border-style: solid;
	}
	
	.ev #replyPanel{
		/*border:solid 1px #cad8e1;*/border-radius: 2px;display: none;
	}
	.ev #textarea-block {
		position: relative;
		display: block;
		overflow: hidden;
		padding-left: 0;
		padding-right: 0;
		height: auto;
		transition: all .5s;
		border-radius: 3px;    
		font-size: 12px;
		line-height: 1.666;
		padding: 3px 8px;
		border: 1px solid #bbb;
		background: #fff;
		box-shadow: 1px 1px 2px rgba(0,0,0,.1) inset;
		vertical-align: middle;
	}
	.ev .textarea-prompt{
		position: absolute;left: 9px;top: 0;font-size: 12px;line-height: 26px;color: #ccc;cursor: text;height: 90%;overflow: hidden;
	}
	.ev .nui-ipt-input{
		-webkit-transition-property: all;
	    -moz-transition-property: all;
	    -ms-transition-property: all;
	    -o-transition-property: all;
	    transition-property: all;
	    -webkit-transition-duration: .5s;
	    -moz-transition-duration: .5s;
	    -ms-transition-duration: .5s;
	    -o-transition-duration: .5s;
	    transition-duration: .5s;
	    width: 100%;
	    resize: none;
	    overflow: hidden;
	    height: 20px;
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-top: 3px;
	    padding-bottom: 3px;
	    border: 0;
	    outline: 0;
	    background: transparent;
	}
	#eContent p {
		word-wrap: break-word;
    	word-break: normal;
	}
</style>
	<div class="ev" data-options="region:'north',border:false,height:'auto'" style="width:100%;height: 100%;background: transparent;font-size: 12px;">
		<div class="e-handle-block" style="padding-left: 20px;">
			<div class="e-btn-block">
				<span class="e-btn emailBack">《 返&nbsp;&nbsp;回</span>
			</div>
			<div style="float:right;padding-right: 25px;">
				<div class="e-btn-block" style="margin-left:18px;">
					<span class="e-btn fullReply">回&nbsp;&nbsp;复</span>
				</div>
				<div class="e-btn-block forward" style="margin-left:18px;">
					<span class="e-btn">转&nbsp;&nbsp;发</span>
				</div>
				<div class="e-btn-block deleteEmail" style="margin-left:18px;">
					<span class="e-btn">删&nbsp;&nbsp;除</span>
				</div>
			</div>
		</div>
		<div class="line-border"></div>
		<div id="contentDiv" style="overflow-y: auto;margin-top: 10px;padding-right:10px;">
			<div style="margin-left: 25px;">
				<div>
					<h1 title="邮件标题" id="eTitle" style="font-size: 15px;font-weight: 700;"></h1>
				</div>
				<div>
					<ul class="email-head">
						<li>
							<div class="iI0">发件人：</div>
							<div class="hX0" id="eFrom">
							</div>
						</li>
						<li id="eToBlock">
							<div class="iI0">收件人：</div>
							<div class="hX0" id="eTo"></div>
						</li>
						<li>
							<div class="iI0">时&nbsp;&nbsp;&nbsp;间：</div>
							<div class="hX0" id="eSendData"></div>
						</li>
						<li class="top-file-block">
							<div class="iI0">附&nbsp;&nbsp;&nbsp;件：</div>
							<div class="hX0" id="eFileName"></div>
						</li>
					</ul>
				</div>
			</div>
			<div class="line-border"></div>
			<div class="reply-block">
				<div style="font-size: 14px;">发件人希望得到你的回执，是否发送？</div>
				<div class="e-handle-block" style="padding-left: 20px;">
					<div class="e-btn-block">
						<span class="e-btn" id="replyMsgSend">发&nbsp;&nbsp;送</span>
					</div>
					<div class="e-btn-block" style="margin-left:18px;">
						<span class="e-btn" id="replyMsgNotSend">不发送</span>
					</div>
				</div>
			</div>
			<div id="eContent" style="padding: 10px 20px;">
			</div>
			<div id="footerPanel" style="margin-top: 10px;margin-left: 5px; border: 1px solid #c5d2da;padding: 10px 10px;">
				<div class="file-list-block">
					<div><span>附件</span>
					</div>
					<div class="file-inner">
					</div>
				</div>
				<div id="replyPanel">
					<div style="padding: 8px;">
						<div id="textarea-block">
							<label class="textarea-prompt">快捷回复</label>
							<textarea class="nui-ipt-input" id="replyContent"></textarea>
						</div>
						<div class="e-handle-block reply-btn-block" style="display:none;">
							<div class="e-btn-block">
								<span class="e-btn" id="replySend">发&nbsp;&nbsp;送</span>
							</div>
							<div class="e-btn-block" id="replyCancel" style="margin-left:18px;">
								<span class="e-btn">取&nbsp;&nbsp;消</span>
							</div>
							<a href="javascript:void(0);" class="fullReply" style="float: right;margin-right: 20px;text-decoration: none;">完整模式回复</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="adddlg" class="easyui-dialog" title="" style="width:450px;height:400px;overflow-y:auto;" data-options="iconCls:'icon-save',resizable:false,modal:true,closed:true">
	</div>

<script src="https://s22.cnzz.com/z_stat.php?id=1273039621&web_id=1273039621" language="JavaScript"></script>
</body>
	<script>
		seajs.use("oa/email/js/viewEmail",function(app){
			app.init();
		});
	</script>
</html>